.index-center{text-align: center;}
.index-btn{margin-top:5px;background: #1865f2;display: inline-block;border-radius: 4px;padding: 0 32px;height:56px;line-height:56px;font-size: 18px;font-weight: bold;color: #fff;text-align: center;border: none;cursor: pointer;}
.index-btn:hover {box-shadow: 0 0 0 1px #ffffff, 0 0 0 3px #1865f2;text-decoration: none;color: #fff;}
.index-title{font-size: 44px;color: #21242c;font-family: 'SimSun';font-weight: bold;}
.index-title em{background:#bfe6dd ;}
.index-head{padding:8px;border-bottom:#dbdcdd solid 1px}
.index-head-con{background: #edf3fe;border-radius:6px;padding:0 20px;font-size: 14px;height: 56px;line-height: 56px;border-left:#1865f2 solid 6px;display: flex;justify-content: space-between;}
.index-head-con .left i{font-size: 20px;color: #6b6f78;padding-right:5px;}
.index-head-con .left span{color: #1865f2;}
.index-head-con .right i{cursor: pointer;padding-left: 10px;}
.banner{display: flex;padding:60px 0;justify-content: space-between;}
.banner .img img{width: 450px;}
.banner .info{width: 680px;}
.banner .info h2{font-size: 34px;font-family: 'SimSun';line-height: 44px;padding:20px 0 0px 0;position: relative;margin-bottom: 25px;}
.banner .info h2::before{position:absolute;bottom:-6px;left:0;width: 420px;background: #bfe6dd;height: 5px;content:"";}
.banner .info p{font-size: 17px;padding:5px 0 5px;line-height: 28px;}
.banner .info .btn{display: flex;justify-content: space-between;margin-top: 20px;}
.banner .info a{background: #1865f2;display: inline-block;border-radius: 4px;padding: 0 60px;height:46px;line-height:46px;font-size: 18px;font-weight: bold;color: #fff;text-align: center;border: none;cursor: pointer;}
.banner .info a:hover {box-shadow: 0 0 0 1px #ffffff, 0 0 0 3px #1865f2;text-decoration: none;color: #fff;}
.banner .layui-carousel{background:none !important;}
.banner .layui-carousel>[carousel-item]>*{background:none !important;}
.banner .layui-carousel>[carousel-item]:before{display: none;}

.index-course{display: grid;grid-template-columns:repeat(2, 1fr);column-gap:60px;padding:20px 80px;background: #f5f5f5;border-radius: 8px;margin: 0 0 100px;}
.index-course .course-box .item{border-bottom: #b1b2b4 solid 1px;padding-bottom:20px ;}
.index-course .course-box .item .title{display: flex;padding:20px 0 0px;align-items: center;}
.index-course .course-box .item .title .icon{width:45px;height:45px;background: #fcb500;border-radius: 100%;margin-right: 10px;color: #fff;text-align: center;font-family: arial;}
.index-course .course-box .item .title .icon i{color: #fff;font-size:28px;line-height:45px;}
.index-course .course-box .item .title .icon p{font-size: 12px;padding:5px 0 0 0}
.index-course .course-box .item .title .icon h3{font-size: 20px;}

.index-course .course-box .item .title h4{font-size: 20px;}
.index-course .course-box .item .title .switch{display: flex;flex-grow: 1;justify-content: flex-end;cursor: pointer;}
.index-course .course-box .item .title .switch i{font-size: 18px;}


.index-course .course-box .item ul{display: grid;grid-template-columns:repeat(2, 1fr);margin-left: 55px;margin-top: 15px;}
.index-course .course-box .item ul li{font-size: 16px;}
.index-course .course-box .item ul li a{line-height: 20px;margin:8px 0;display: block;overflow: hidden;height: 20px;}
.index-course .course-box .item ul li em{font-family: arial;padding-right: 3px;display: none;}
.index-course .course-box .item ul li .all{font-weight: bold;}
.index-course .course-box .item:last-child{border:none} 





.index-serve{padding:30px 0 80px}
.index-serve .item{display: flex;padding:60px 0 ;justify-content: space-between;align-items: center;}
.index-serve .info{width: 600px;}
.index-serve .info p{font-size: 16px;color: #666;padding:0 0 10px}
.index-serve .info .txt{font-size: 18px;line-height: 28px;padding:40px 0}
.index-serve .img{width: 550px;}
.index-serve .img img{width: 100%;}
.index-serve .serve-box{width: 550px;}
.index-serve .serve-box ul li{display: flex;padding:15px 0}
.index-serve .serve-box ul li .icon{width:60px;flex-shrink: 0;margin-right: 20px;text-align: center;line-height: 60px;position: relative;}
.index-serve .serve-box ul li .icon i{font-size:28px;color: #14181c;}
.index-serve .serve-box ul li .icon::before{content: '\e601';position: absolute;font-size: 60px; font-family: 'iconfont';color: #ffdee2;z-index: -1;left:0}
.index-serve .serve-box ul li .icon::after{content: '';position: absolute;width: 1px; height:23px;background: #bedbf9;left:50%;top:65px}
.index-serve .serve-box ul li:nth-child(5) .icon::after{height:48px;}
.index-serve .serve-box ul li:last-child .icon::after{display: none;}
.index-serve .serve-box ul li h4{font-size: 25px;font-family: 'SimSun';padding-bottom:8px}
.index-serve .serve-box ul li p{font-size: 16px;line-height: 26px;}
.index-serve .serve-box ul li:nth-child(2) .icon::before{color: #d9cdf2;}
.index-serve .serve-box ul li:nth-child(3) .icon::before{color: #e3f9aa;}
.index-serve .serve-box ul li:nth-child(4) .icon::before{color: #d2e6fb;}
.index-serve .serve-box ul li:nth-child(6) .icon::before{color: #d9cdf2;}


.index-way{text-align: center;}
.index-way ul{display: flex;justify-content: space-around;padding:50px 0 50px}
.index-way ul li h4{font-family: 'SimSun';font-size: 25px;padding:20px 0}
.index-way ul li img{width: 100px;}
.index-way ul li p{font-size: 16px;line-height: 26px;}

.about-content{width:1100px;margin: 0 auto;padding:50px 0}
.about-content h2{font-size: 30px;text-align: center;padding:10px 0;color: #172b53;}
.about-intro{color: #172b53;}
.about-intro  p{font-size: 16px;line-height: 30px;padding-top:20px}
.about-intro .img{margin: 30px 0;}
.about-intro .img img{width: 100%;border-radius: 20px;}
.about-mission{display: flex;justify-content: space-between;flex-wrap: wrap;padding:20px 0 0 0}
.about-mission .item{width: 48%;color: #172b53;margin-bottom: 30px;}
.about-mission .item h2{text-align: left;}
.about-mission .item p{font-size: 16px;line-height: 30px;padding-top:10px}
.about-course{background: linear-gradient(88deg,#027BFD 0%,#9F51FB 100%);padding:80px 0 50px}
.about-course h2{color: #fff;text-align: center;font-size: 30px;}
.about-course .count{display: flex;justify-content: space-between;}
.about-course .count .item{color: #fff;text-align: center;}
.about-course .count .item h3{font-family: arial;font-size: 70px;font-weight: normal;}
.about-course .count .item h3 span{font-size: 40px;}
.about-course .count .item p{font-size: 18px;padding-top:10px}

.about-class{margin:30px 0 10px;overflow: hidden;display: flex;justify-content: space-between;}
.about-class .item{width:24%;background: #86d278;text-align: center;border-radius:10px;}
.about-class .item:nth-child(2){background: #4c4e83;}
.about-class .item:nth-child(3){background: #ff6169;}
.about-class .item:nth-child(4){background: #606bf1;}
.about-class .item a{padding:50px 0;display: block;}
.about-class .item a:hover{text-decoration: none;}
.about-class .item .icon i{font-size: 50px;color: #fff;}
.about-class .item p{font-size: 18px;color: #fff;padding-top:10px}

.about-teacher{background: #F6F9FC;margin-top:40px;padding-bottom:80px;position: relative;}
.about-teacher::before{content: "";position: absolute;top:200px;left: 0;width: 100%;height: 400px;background: transparent url(../images/bg-dotts.svg) repeat 0 0;background-size: 25px 25px;}
.about-teacher p{font-size: 16px;color: #172b53;text-align: center;line-height: 30px;padding-top:15px}
.about-teacher .box{display: flex;justify-content: space-between;position: relative;z-index: 1;}
.about-teacher .box .item{text-align: center;padding-top: 50px;}
.about-teacher .box .item h3{color: #172b53;font-size: 20px;padding:20px 0 0}

.teacher-content{padding:50px 0; width:750px; margin: 0 auto;}
.teacher-content .image{text-align: center;}
.teacher-content h2{font-size: 26px;padding:30px 0 10px;color: #172b53;}
.teacher-content .txt{font-size: 16px;line-height: 30px;color: #172b53;}
.teacher-content .txt p{padding-bottom: 20px;}
.teacher-content .txt .f18{font-size: 18px;}
.teacher-content .txt .f20{font-size: 20px;}
.teacher-content .txt .f22{font-size: 22px;}
.teacher-content .txt .f24{font-size: 24px;}
.teacher-content .txt .bold{font-weight: bold;}
.teacher-content .txt .bg{background:#bfe6dd;}


.about-content .table{ width: 100%;border:#333 solid 1px}
.about-content .table th{border:#333 solid 1px;text-align: center;font-size: 16px;padding:15px 0}
.about-content .table td{border:#333 solid 1px;text-align: center;padding:10px 0;font-size: 16px;}
.about-content .table a{background: #1865f2;display: inline-block;border-radius: 4px;padding: 0 40px;height:40px;line-height:40px;font-size: 18px;font-weight: bold;color: #fff;text-align: center;border: none;cursor: pointer; margin: 5px;}
.about-content .table a:hover {box-shadow: 0 0 0 1px #ffffff, 0 0 0 3px #1865f2;text-decoration: none;color: #fff;} 
.about-content .table .btn{width: 240px;}



.index-foot{position:relative;height: 400px;text-align: center;}
.index-foot .svg{width: 100%;position: absolute;left:0;top:0;z-index:-1;}
.index-foot .index-title{padding:100px 0 30px 0}